<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
  <link rel="stylesheet" href="bootstarp/css/bootstrap.min.css">
  <script src="bootstarp/js/jquery-3.6.0.min.js"></script>
  <script src="bootstarp/js/popper.min.js"></script>
  <script src="bootstarp/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/shoping.css">
  <title>shoping</title>
  <style></style>
</head>

<body>
<!-- 头部 -->
<div class="navbar  navbar-expand-lg  navbar-light zdy-head ">

  <div class="container  d-flex justify-content-between">
          <div class="logo1">
              <a href="index.html"><img src="pic/logo-w.a96df43.png" alt=""></a>
              
          </div>
  <!-- 小菜单 -->
  <button class="navbar-toggler justify-content-end" data-toggle="collapse" data-target="#menu">
      <span class="navbar-toggler-icon"></span>
    </button>

    <!-- 大菜单 -->
    <div class="collapse navbar-collapse justify-content-end"  id="menu">
      
      <div class="nav">
          <div class="nav-item">
              <a href="products.html" class="nav-link">产品Produs</a>
          </div>
          <div class="nav-item">
              <a href="barnd.html" class="nav-link">品牌探索</a>
          </div>
          <div class="nav-item">
              <a href="#" class="nav-link">咨询News</a>
          </div>
          <div class="nav-item">
              <a href="#" class="nav-link">招贤纳士Carees</a>
          </div>
          <div class="nav-item">
              <a href="#" class="nav-link">商务合作Cooperation</a>
          </div>
      </div>

  </div>
         
      </div>
  </div>

</div>

  
  <!--商品展示区域 -->
  <div class="zdy-spzs">
    <div class="container">
      <div class="row">
        <div class="col-12  col-md-6">
            <div class="bg">
              <img src="pic/product-1.png" alt="" class="w-100">
            </div>
            <div class="w-100 zdy-kd d-flex flex-wrap justify-content-around m-auto">
              <img src="pic/thumbnail-1.png" alt="">
              <img src="pic/thumbnail-2.png" alt="">
              <img src="pic/thumbnail-3.png" alt="">
              <img src="pic/thumbnail-4.png" alt="">
              <img src="pic/thumbnail-5.png" alt="">
              <img src="pic/thumbnail-7.png" alt="">
              <img src="pic/thumbnail-8.png" alt="">
              <img src="pic/thumbnail-9.png" alt="">
             
             </div>
          </div>
          
          <div class="col-12  col-md-6 p-5 text-lg-left text-center">
            <div class="zdy-box-text">
                <p>拟态系列 MIMIC SERIES</p>
                <p>BEE FIRST LEARNER BIKES</p>
                <p>KPA3001A17</p>
                <p class="font-weight-lighter">￥ 399.00</p>
            </div>
            <div class="zdy-color pt-lg-0 pt-5 pb-5">
              <ul class="d-flex  list-unstyled w-50 m-lg-0 m-auto justify-content-lg-around justify-content-between">
                <li><div></div></li>
                <li><div></div></li>
                <li><div></div></li>
                <li><div></div></li>
              </ul>
            </div>
            <div class="zdy-button">
              <button class="btn btn-outline-dark p-2">前往线上店铺购买</button>
            </div>
          </div>
        </div>
       
      </div>
    </div>
  </div>
  

  <!-- 详情 -->
  <div class="zdy-xqy">
    <div class="container">
      <div class="row  mb-5 ">
        <div class="col-12 col-lg-6">
          <div>
            <img src="pic/content-1.png" alt="" class="w-100">
          </div>
        </div>
        <div class="col-12 col-lg-6 text-center text-lg-left">
          <div class="zdy-xqy-text w-75 m-auto p-0 p-lg-5">
            <p>舒适马鞍</p>
            <p>独具创新的将“马鞍”形态融入到产品理念当中，加上优良的制造工艺，更加显得相得益彰趣味十足</p>
            <p class="d-lg-block d-none">COMFORT "HORSE SADDLE"</p>
            <p class="d-lg-block d-none">Integrate "horse saddle" shape into product, with comfortable and fun-filled experience</p>
          </div>
        </div>
      </div>
      <div class="row mb-5 flex-lg-row-reverse">
        <div class="col-12 col-lg-6">
          <div>
            <img src="pic/content-2.png" alt="" class="w-100">
          </div>
        </div>
        <div class="col-12 col-lg-6 text-center text-lg-left">
          <div class="zdy-xqy-text w-75 m-auto p-0 p-lg-5">
            <p>蜜蜂造型</p>
            <p>以蜜蜂为原型的造型设计，启蒙孩子对事物的认知和辨识；与之匹配的细节淬炼，只为给孩子打造快乐童年玩伴</p>
            <p class="d-lg-block d-none">BEE SHAPE</p>
            <p class="d-lg-block d-none">Originated from the shape of animal bee, enlighening children the expore the nature with joy and creative sense</p>
          </div>
        </div>
      </div>
      <div class="row mb-5">
        <div class="col-12 col-lg-6">
          <div>
            <img src="pic/content-3.png" alt="" class="w-100">
          </div>
        </div>
        <div class="col-12 col-lg-6 text-center text-lg-left">
          <div class="zdy-xqy-text w-75 m-auto p-0 p-lg-5">
            <p>低跨设计方便乘骑</p>
            <p>低跨度，便于上下车，培养、塑造自主学步能力，妈妈在家解放时间、外出解放双手</p>
            <p class="d-lg-block d-none">LOW RIDING ENTRY</p>
            <p class="d-lg-block d-none">Low Riding entry which provide little kid opportunity to excerise leg, balance body and create fun</p>
          </div>
        </div>
      </div>
      <div class="row mb-5 flex-lg-row-reverse">
        <div class="col-12 col-lg-6">
          <div>
            <img src="pic/content-4.png" alt="" class="w-100">
          </div>
        </div>
        <div class="col-12 col-lg-6 text-center text-lg-left">
          <div class="zdy-xqy-text w-75 m-auto p-0 p-lg-5">
            <p>先进的粉末喷涂工艺</p>
            <p>安全环保的粉末喷涂工艺，经高温融化后具有不易掉漆、附色牢固且耐腐蚀等优势</p>
            <p class="d-lg-block d-none">ADVNCED POWDER COATING TECHNOLOGY</p>
            <p class="d-lg-block d-none">Safe and environmental friendly powder material, with strong corrosion resistance</p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="zdy-xsgg">
      <div class="container">
        <div class="tit p-lg-5 m-0 p-0">
          <p class="text-center p-3 p-lg-0">详细参数</p>
          <p class="d-lg-block d-none text-center">SPECIFICATION</p>
        </div>
        <div class="row">
          <div class="col-lg-4 col-12 text-center">
            <div class="d-lg-block d-none">
              <img src="pic/specification.png" alt="" class="zdy-h">
            </div>
            <div class="d-block d-lg-none mb-2">
              <img src="pic/specification-m.png" alt="" class="w-50">
            </div>
          </div>
          <div class="col-lg-8 col-12">
            <div class="row justify-content-between text-center">
              <div class="col-3 w-25">
                <p>参考年龄：</p>
                <p>参考身高：</p>
                <p>参考腿长：</p>
                <p>整车净重：</p>
                <p>最大承重：</p>
                <p>轮胎尺寸：</p>
              </div>
              <div class="col-3 w-25">
                <p>10-18m</p>
                <p>70-85cm</p>
                <p>28-36cm</p>
                <p>1.85kg</p>
                <p>15kg</p>
                <p>6寸</p>
              </div>
              <div class="col-3 w-25">
               <p>车把转向角度：</p>
               <p>车把离地高度：</p>
               <p>前后轮轴距：</p>
               <p>车座离地最低高度：</p>
               <p>整车长度：</p>
               <p>整车宽度：
              </p>
              </div>
              <div class="col-3 w-25">
                <p>60°</p>
                <p>350mm</p>
                <p>345mm</p>
                <p>345mm</p>
                <p>495mm</p>
                <p>210mm</p>
               </div>
            </div>
          </div>
        </div>
      </div>
  </div>  

  <div class="zdy-like pb-5">
    <div class="container">
      <div class="tit p-lg-5 m-0 p-0">
        <p class="text-center p-2 p-lg-0">您可能还喜欢</p>
        <p class="d-lg-block d-none text-center">YOU MAY ALSO LIKE</p>
      </div>
      <div class="row">
        <div class="col-4">
          <div>
            <div class="like-animate">
              <img src="pic/product-2 (1).png" alt="" class="w-100">
            </div>
            <div class="zdy-like-text text-center">
              <p>FAIRY TRICYCLES</p>
              <p>￥589.00</p>
            </div>
          </div>
         
        </div>
        <div class="col-4">
          <div>
            <div class="like-animate">
              <img src="pic/product-3 (1).png" alt="" class="w-100">
            </div>
            <div class="zdy-like-text text-center">
              <p>MOTOR TRICYCLES</p>
              <p>￥649.00</p>
            </div>
          </div>
        </div>
        <div class="col-4">
          <div>
            <div class="like-animate">
              <img src="pic/product-4 (1).png" alt="" class="w-100">
            </div>
            <div class="zdy-like-text text-center">
              <p>MATE CLASSIC</p>
              <p>￥619.00</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

   <!-- 底部 -->
   <div class="zdy-db w-100">
    <div class="container">
        <div class="zdy-dbbox d-flex">
            <div class="zdy-dbbox-text w-50">
                <div class="p-4">
                    <p>CONTACT US</p>
                </div>
                <div class="d-flex justify-content-start align-items-center tz p-4 ">
                    <img src="pic/red.png" alt="">
                    <img src="pic/wechat.png" alt="">
                    <img src="pic/weibo.png" alt="">
                    <img src="pic/ins.png" alt="">
                </div>
                <div class="zdy-lsfs p-4">
                    <p>电话 Tel：400-878-1070</p>
                    <p>邮箱 Email：info@kidpop.cn</p>
                    <p>地址 Add：浙江省杭州市拱墅区学院</p>
                    <p>北路50号东业三宝文化创意园2-211</p>
                </div>
            </div>
            <!-- 输入框 -->
            <div class="zdy-srk w-50 p-4">
                <div class="shk mb-3">
                    <input type="text" placeholder=" 您的姓名">
                    <input type="text" placeholder=" 您的邮箱">
                </div>
                <div class="shk2">
                    <textarea name="" id="" cols="30" rows="10" placeholder="您的信息... Your Message..."
                        class="wenben"></textarea>
                </div>
                <div class="zdy-srk-btn">
                    <button class="btn ">发送</button>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 版权 -->
<div class="container-fluid bqcolor">
    <div class="zdy-bq text-center p-4">
        <p>Copyright © Kidpop 2020. All rights reserved.</p>
        <p>浙ICP备2020035461号-1</p>
    </div>
</div>
</body>

</html>